<!DOCTYPE html>
<!--suppress ALL-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>新闻资讯页</title>
    <link rel="stylesheet" th:href="@{/assets/css/styles.css}">
    <link rel="stylesheet" th:href="@{/assets/css/colors.css}">
    <script th:src="@{/assets/js/jquery.min.js}"></script>
    <script th:src="@{/assets/js/popper.min.js}"></script>
    <script th:src="@{/assets/js/bootstrap.min.js}"></script>
    <script th:src="@{/assets/js/custom.js}"></script>
    <script th:src="@{/assets/js/daterangepicker.js}"></script>
    <script th:src="@{/assets/js/dropzone.js}"></script>
    <script th:src="@{/assets/js/imagesloaded.js}"></script>
    <script th:src="@{/assets/js/ion.rangeSlider.min.js}"></script>
    <script th:src="@{/assets/js/jquery.magnific-popup.min.js}"></script>
    <script th:src="@{/assets/js/lightbox.js}"></script>
    <script th:src="@{/assets/js/markerclusterer.js}"></script>
    <script th:src="@{/assets/js/moment.min.js}"></script>
    <script th:src="@{/assets/js/morris.min.js}"></script>
    <script th:src="@{/assets/js/raphael.min.js}"></script>
    <script th:src="@{/assets/js/select2.min.js}"></script>
    <script th:src="@{/assets/js/slick.js}"></script>
    <script th:src="@{/assets/js/slider-bg.js}"></script>
</head>
<body>
    <!-- 复用首页头部 -->
    <header th:replace="index::header"></header>
    <div class="image-cover hero_banner" th:style="'background: #334aca url(' + @{/assets/img/b-1.jpg} + ') no-repeat;'" data-overlay="1">
        <div class="container">
            <h1 class="big-header-capt mb-0">新闻资讯</h1>
            <p class="text-center mb-5">新闻信息</p>
        </div>
    </div>
    <section class="gray-simple">
        <div class="container">
            <div class="row">
                <!-- 循环显示内容 -->
                <div class="col-lg-12 col-md-12 col-sm-12" th:each="news:${newsList}">
                    <div class="property_block_wrap style-2">
                        <div class="property_block_wrap_header">
                            <a th:href="@{/news/newsDetail(newsId = ${news.id})}"><h4 th:text="${news.title}">新闻标题</h4></a>
                        </div>
                        <div class="block-body">
                            <span th:text="${news.summary}">摘要</span>
                            <p style="margin-top: 5px;" th:text="${'发布时间：' + #calendars.format(news.createTime, 'yyyy-MM-dd')}">发布时间：yyyy-MM-dd</p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 分页 -->
            <nav class="mt-5" th:if="${page.rows>0}" th:replace="index::pagination"></nav>
        </div>
    </section>
    <!-- 复用首页底部 -->
    <div th:replace="index::footer"></div>
</body>
</html>